<!doctype html>
<html lang='zh-CN'>
<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <!-- Bootstrap CSS -->
    <link href='assets/bootstrap.min.css' rel='stylesheet'>

    <link rel="stylesheet" href="assets/dropzone-min/dropzone.css" type="text/css"/>
    <script src="assets/jquery.min.js"></script>
    <script src='assets/qrcode.min.js'></script>
    <script src='assets/clipboard.min.js'></script>
    <script src='assets/bootstrap.bundle.min.js'></script>
    <script src="assets/dropzone-min/dropzone-min.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="assets/logo.svg">
    <title><?php C('sys_name', true); ?></title>
    <meta name="author" value="西部盒子"/>
    <meta name="author_url" value="https://blog.wbox8.com/"/>
    <style>
        .container{
	        max-width:1100px;
        }
        .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, label:focus {
            outline: none;
            border-color: transparent;
            box-shadow: none;
        }

        .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
            outline: none;
            border-color: transparent;
            box-shadow: none;
        }

        .dropzone, .return-box {
            border: 2px var(--bs-gray) dashed;
            min-height: 200px;
            border-radius: 5px;
            padding: 20px 20px;
        }

        .dropzone .dz-message .dz-button {
            color: var(--bs-gray);
            font-size: 1.5rem;
            transition: all 3s linear 0;
        }

        .dropzone .dz-button svg {
            display: block;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            /*color: var(--bs-blue);*/
        }

        .dropzone:hover {
            border: 2px var(--bs-blue) dashed;
            background: #ddebff;
        }

        .dropzone:hover .dz-button {
            color: var(--bs-blue);
        }

        .wordtext {
            box-sizing: border-box;
            border: 4px solid #e2e2e2;
            width: 100%;
            height: 200px;
            color: #6f6f6f;
            padding: 8px;
            font-size: 16px;
            border-radius: 5px;
            transition: all 0.2s ease;
        }

        .wordtext::-webkit-input-placeholder {
            color: rgb(42 46 44 / 28%);
            font-size: 23px;
            text-align: center;
            padding: 3em;
        }

        .wordtext::-webkit-input-placeholder {
            color: rgb(42 46 44 / 28%);
            font-size: 23px;
            text-align: center;
        }

        .wb-alert {
            top: 10%;
            right: var(--bs-gutter-x, .75rem);
            z-index: 1050;
            max-width: 100%;
            animation: bounceInRight 1s;
        }

        @-webkit-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                transform: translateX(-30px)
            }

            80% {
                -webkit-transform: translateX(10px);
                transform: translateX(10px)
            }

            100% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                transform: translateX(-30px)
            }

            80% {
                -webkit-transform: translateX(10px);
                -ms-transform: translateX(10px);
                transform: translateX(10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0)
            }
        }

        /*.return-box .col-md-auto{*/
        /*    display: flex;*/
        /*    flex-direction: column;*/
        /*    justify-content: space-between;*/
        /*}*/
        /*.return-box .col-md-auto p{*/
        /*    margin-bottom: 0;*/
        /*}*/

        .btn-clipboard {
            z-index: 10;
            display: inline-block;
            margin-left: 1rem;
            padding: 0 .5rem;
            font-size: .65em;
            color: #0d6efd;
            background-color: #fff;
            border: 1px solid;
            border-radius: .25rem
        }

        .btn-clipboard:hover, .btn-clipboard:focus {
            color: #fff;
            background-color: #0d6efd
        }

        .uploads-box:after {
            content: "";
            width: 41.6666666667%;
            height: 0px;
            visibility: hidden;
        }
        .dz-progress{
            display: none !important;
        }

    </style>
</head>
<body>
<div class="container position-relative py-4">
    <header class="pb-3 mb-4 border-bottom navbar">
        <a href="./" class="d-flex align-items-center text-dark text-decoration-none col mb-3 mb-sm-0">
            <img class="me-2" src="assets/logo.svg" alt="" width="36" height="36">
            <span class="fs-4"><?php C('sys_name', true); ?></span>
        </a>
        <form class="col-12 col-sm-auto mb-3 mb-sm-0 me-sm-3 " role="search">
            <div class="input-group">
          <input type="search" class="form-control form-control-dark" name="sid" placeholder="请输入提取码" aria-label="Search">
          <button class="btn btn-outline-secondary" type="submit">提交</button>
          </div>
        </form>
        
        <?php echo C('password')!== false ? is_logged(false) ? '<a href="index.php?p=logout" class="btn btn-danger btn-sm ">退出登录</a>' : '<a href="index.php?p=login" class="btn btn-success btn-sm ">登录</a>' : ""; ?>
    </header>

